<template>
  <div
    class="box5"
    v-if="item.goods_id"
    @click="$router.push(`/wsxdz/${item.goods_id}`)"
  >
    <div class="word" >
      <div class="lest" >
        <div class="top"><img :src="item.goods_image" alt="" /></div>
        <div class="center">{{ item.goods_name }}</div>
        <p>
          <span class="qian">￥{{ item.goods_price_min }}</span>
          <span class="qian1">￥{{item.line_price_max}}</span>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MeiXs',
  data () {
    return {}
  },
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>

<style lang="less">
.box5 {
  .word {
    .lest {
      width: 97%;
      .qian {
        color: red;
      }
      .qian1{
        text-decoration-line: line-through;
      }
      .top {
        img {
          width: 100%;
          height: 100%;
        }
      }
      .center {
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
      }
    }
  }
}
</style>
